<template>
  <div class="category">

    <div class="wrapper">
      <h2>全部分类</h2>
      <div>
        <nuxt-link to="/11">化妆品</nuxt-link>
        <nuxt-link to="/11">宠物用品</nuxt-link>
        <nuxt-link to="/11">护发</nuxt-link>
        <nuxt-link to="/11">化妆品</nuxt-link>
        <nuxt-link to="/11">宠物用品</nuxt-link>
        <nuxt-link to="/11">护发</nuxt-link>
      </div>

    </div>

  </div>
</template>

<script>
export default {
  name: "category"
}
</script>

<style lang="scss" scoped>
.category {
  color: #FFF;
  background-color: #31bbAC;

  .wrapper {
    h2 {
      width: 200px;
      text-align: center;
    }

    width: 1200px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;

    a {
      font-size: 1.5em;
      //font-weight: bold;
      margin-right: 20px;
      color: #FFF;
    }
  }

  //.click-menu {
  //  width: 180px;
  //  cursor: pointer;
  //  text-align: center;
  //
  //  &:hover {
  //    ul {
  //      display: block;
  //    }
  //  }
  //}
  //
  //.menu {
  //  display: block;
  //  height: 450px;
  //  width: 180px;
  //  border: 1px solid #e5e5e5;
  //  background-color: #ffffff;
  //  margin-top: 20px;
  //  z-index: 999;
  //}
  //
  //.el-col:nth-child(2) {
  //  a {
  //    color: #333333;
  //    margin-right: 15px;
  //    font-size: 1.5em;
  //    font-weight: bold;
  //  }
  //}
}
</style>
